{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" value="利用 jQuery 对象的 text() 方法获取下拉框选中的内容" id="b4" />
<select name="job" size=9 multiple="multiple">
	<option value="选项1">选项1^^</option>
	<option value="选项2">选项2^^</option>
	<option value="选项3">选项3^^</option>
	<option value="选项4">选项4^^</option>
	<option value="选项5">选项5^^</option>
	<option value="选项6">选项6^^</option>
</select>

<select id="hsp" name="edu">
	<option value="博士">博士^^</option>
	<option value="硕士">硕士^^</option>
	<option value="本科">本科^^</option>
	<option value="小学">小学^^</option>
</select>
<h6>代码</h6>
<pre>
	&lt;input type="button" value="利用 jQuery 对象的 text() 方法获取下拉框选中的内容" id="b4" /&gt;
	&lt;select name="job" size=9 multiple="multiple"&gt;
		&lt;option value="选项1"&gt;选项1^^&lt;/option&gt;
		&lt;option value="选项2"&gt;选项2^^&lt;/option&gt;
		&lt;option value="选项3"&gt;选项3^^&lt;/option&gt;
		&lt;option value="选项4"&gt;选项4^^&lt;/option&gt;
		&lt;option value="选项5"&gt;选项5^^&lt;/option&gt;
		&lt;option value="选项6"&gt;选项6^^&lt;/option&gt;
	&lt;/select&gt;
	
	&lt;select id="hsp" name="edu"&gt;
		&lt;option value="博士"&gt;博士^^&lt;/option&gt;
		&lt;option value="硕士"&gt;硕士^^&lt;/option&gt;
		&lt;option value="本科"&gt;本科^^&lt;/option&gt;
		&lt;option value="小学"&gt;小学^^&lt;/option&gt;
	&lt;/select&gt;
	
	js
	
	&lt;script language="javascript"&gt;
		window.onload = function () {  //先加载页面内容 再加载js
			//****利用 jQuery 对象的 text() 方法获取下拉框选中的内容
	
			$("#b4").click(function () {
				//alert($("select option:selected").text());
				//必须 用这个 val()函数把每个值打印;
				var $objs = $("select option:selected");
					$.each($objs,function(){
						alert('方法1'+$(this).val());
					});
	
					$.each($objs,function(i,n){
						alert('方法2'+n.value);
						
					})
	
					$.each($objs,function(i,n){
					
						alert('方法3'+$(n).val());
					})
	
	
					$objs.each(function(){
						window.alert('方法4'+$(this).val());
					})
	
				$objs.each(function (i, n) {
					window.alert("方法5" + $(n).val());
				})
			})
	
		}
	&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	window.onload = function () {  //先加载页面内容 再加载js
		//****利用 jQuery 对象的 text() 方法获取下拉框选中的内容

		$("#b4").click(function () {
			//alert($("select option:selected").text());
			//必须 用这个 val()函数把每个值打印;
			var $objs = $("select option:selected");
				$.each($objs,function(){
					alert('方法1'+$(this).val());
				});

				$.each($objs,function(i,n){
					alert('方法2'+n.value);
					
				})

				$.each($objs,function(i,n){
				
					alert('方法3'+$(n).val());
				})


				$objs.each(function(){
					window.alert('方法4'+$(this).val());
				})

			$objs.each(function (i, n) {
				window.alert("方法5" + $(n).val());
			})
		})

	}
</script> {/block}